<script lang="ts" setup></script>

<template>
  <div
    class="flex justify-center items-center w-screen h-screen background-img"
  >
    <slot />
  </div>
</template>

<style scoped>
.background-img {
  width: 100%;
  height: 100vh;
  background-image: url("/img/3-1920x1080.jpg");
  background-size: cover; /* 背景图填充整个区域 */
  background-repeat: no-repeat; /* 背景图不重复 */
}
</style>
